﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Inicio.aspx.cs" Inherits="Templates_SAFS2.Inicio" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">


    <link href="css/modern.css" rel="stylesheet"/>
    <link href="css/theme-dark.css" rel="stylesheet"/>
    <link href="css/modern-responsive.css" rel="stylesheet"/>

    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>


    <title>Inicio SAFS</title>

    <style>
        body {
            background: #1d1d1d;
        }
    </style>

</head>
<body class="modern-ui">
    <form id="form1" runat="server">
<div class="page secondary fixed-header">

    <div class="page-header">
        <div class="page-header-content">
            <div class="user-login">
                <a href="#">
                    <div class="name">
                        <span class="first-name">Nombre</span>
                        <span class="last-name">Apellido</span>
                    </div>
                    <div class="avatar">
                        <img src="images/login.jpg"/>
                    </div>
                </a>
            </div>

            <h1>Inicio</h1>
        </div>
    </div>

    <div class="page-region">
	
        <div class="page-region-content tiles" >
		<div style="float:left">
            <div class="tile-group" >
			
					<div class="tile-group">
					
                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Template.aspx">
                        <div class="tile icon">
							<div class="tile-content">
                                <img src="images/chat.ico"/>
							</div>
							<div class="brand">
								<div class="name">Opci&oacute;n 01</div>
							</div>
						</div>
                    </asp:HyperLink>
						
						
						<div class="tile icon">
							<div class="tile-content">
								<img src="images/Mail128.png"/>
							</div>
							<div class="brand">
								<div class="name">Opci&oacute;n 02</div>
							</div>
						</div>

						<div class="tile bg-color-orangeDark icon">
							<b class="check"></b>
							<div class="tile-content">
								<img src="images/Mail128.png"/>
							</div>
							<div class="brand">
								<div class="name">Opci&oacute;n 01</div>
							</div>
						</div>


						<div class="tile bg-color-green icon">
							<div class="tile-content">
								<img src="images/academico.png"/>
							</div>
							<div class="brand">
								<div class="name">Opci&oacute;n 01</div>
							</div>
						</div>

						<div class="tile bg-color-red icon">
							<div class="tile-content">
								<img src="images/Mail128.png"/>
							</div>
							<div class="brand">
								<div class="name">Opci&oacute;n 01</div>
							</div>
						</div>

						<div class="tile double bg-color-blueDark">
							<div class="tile-content">
								<p>
									<h2>Opci&oacute;n1</h2>
								</p>

							</div>
						</div>
						
						<div class="tile double bg-color-blueDark">
							<div class="tile-content">
								<p>
									<h2>Opci&oacute;n1</h2>
								</p>

							</div>
						</div>

						<div class="tile bg-color-darken icon">
							<div class="tile-content">
								<img src="images/Mail128.png"/>
							</div>
							<div class="brand">
								<div class="name">Opci&oacute;n 01</div>
							</div>
						</div>


						<!--<div class="tile double image-slider" data-role="tile-slider" data-param-period="5000" data-param-direction="left">
							<div class="tile-content">
								<img src="images/1.jpg" alt="">
							</div>
							<div class="tile-content">
								<img src="images/2.jpg" alt="">
							</div>
							<div class="tile-content">
								<img src="images/3.jpg" alt="">
							</div>
							<div class="tile-content">
								<img src="images/4.jpg" alt="">
							</div>
							<div class="tile-content">
								<img src="images/5.jpg" alt="">
							</div>
						</div>-->

					</div>






             
				
				
            </div>

            <!--fasdfa-->
              <div class="tile-group" style="width: 322px;">
                <div class="tile bg-color-blue icon">
                    <div class="tile-content">
                        <img src="images/Mail128.png"/>
                    </div>
                    <div class="brand">
                        <span class="name">Nombre</span>
                    </div>
                </div>

                <div class="tile icon">
                    <div class="tile-content">
                        <img src="images/Mail128.png"/>
                    </div>
                    <div class="brand">
                        <span class="name">Nombre</span>
                    </div>
                </div>

                <div class="tile icon">
                    <div class="tile-content">
                        <img src="images/Mail128.png"/>
                    </div>
                    <div class="brand">
                        <span class="name">Nombre</span>
                    </div>
                </div>

                <div class="tile icon">
                    <div class="tile-content">
                        <img src="images/Mail128.png"/>
                    </div>
                    <div class="brand">
                        <span class="name">Nombre</span>
                    </div>
                </div>
            </div>


		</div>	
			
        </div>
    </div>
</div>


    </form>


</body>
</html>
